<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js实现tab标签切换效果</title>
<link type="text/css" rel="stylesheet" href="./style.css">
</head>
<body>
<div id="menu">
  	<ul id="nav">
    		<li><a href="#" class="selected">jQuery特效</a></li>
    		<li><a href="#" class="">tab切换</a></li>
    		<li><a href="#" class="">菜单导航</a></li>
  	</ul>
  	<div id="menu_con">
    		<div class="tag" style="display:block">
    		  这里是jQuery特效内容列表
    		 </div> 
    		<div class="tag" style="display:none">
    		  这里是tab切换效果  
    		 </div> 
    		<div class="tag" style="display:none">
    		  这里是菜单导航效果
    		</div> 
  	</div>
</div>
<script type="text/javascript" src="./script.js"></script>
</body>
</html>